<template>
  <div class="contSty">
    <!-- <el-dropdown @command="handleCommand"> -->
    <span @click="handleCommand('帮助中心')">
      <icon-svg class-name="iconSty"
                icon-name="bangzhuzhongxin1" />
    </span>
    <!-- <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="帮助中心">帮助中心</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown> -->
  </div>
</template>

<script>
export default {
  name: "HelpCenter",
  data () {
    return {
      urls: {
        "帮助中心": "instructionsForUse"
      }
    };
  },
  methods: {
    handleCommand (command) {
      const { href } = this.$router.resolve({
        name: this.urls[command]
      });
      window.open(href, "_blank");
    }
  }
};
</script>
<style lang="scss" scoped>
.contSty {
  position: relative;
  margin: 0 40px 0 2px;
  cursor: pointer;
}
.iconSty {
  height: 16px;
  width: 16px;
}
</style>
